www.gusucode.com > TinyShop PHP开源商城系统 v1.0.3PHP源码程序 > TinyShop PHP开源商城系统 v1.0.3/TinyShop_v1.0.3/TinyShop_v1.0.3/themes/default/css/ucenter.css
.uc-content{margin-left: 212px;} .goods-detail{position: relative;} .goods-detail .sidebar{width: 230px;float: left;} .goods-detail .sidebar .category-nav{padding-left: 24px;line-height: 24px;} .goods-detail .child-category-list li{ margin-top: 10px;} .child-category-list li dt,.child-category-list li dd{margin:5px 0;} .goods-detail .content{padding-left: 230px;} .consult-q,.consult-a,.comment{position: relative;padding:10px 20px;} .comment{padding: 10px 0;} .consult-item ,.comment-item{border-bottom: #ccc 1px solid;margin-top: 20px;} .consult-item .head,.comment-item .head{width: 80px;} .consult-item .head .arrow,.comment-item .head .arrow {border-color: rgba(0, 0, 0, 0) #d5d5d5; color: #d5d5d5; border-width: 8px 12px 8px 0; left: 95px; margin-top: 20px; top: 0; z-index: 1000} .consult-item .head .arrow b,.comment-item .head .arrow b {border-color: rgba(0, 0, 0, 0) #f6f5fb; color: #f6f5fb; border-width: 8px 12px 8px 0; margin-top: -8px; left: 2px; } .consult-item .head .arrow b,.consult-item .head .arrow,.comment-item .head .arrow b,.comment-item .head .arrow{border-style: dashed solid dashed dashed; font-size: 0; line-height: 0; position: absolute;} .consult-item .head img,.comment-item .head img{border-radius: 100%;border:#ccc 1px solid;display: block;} .consult-content,.comment-content{padding: 10px;left:107px;top:0; right: 108px; background: #f6f5fb; border: 1px solid #d8d8d8; border-color: #d8d8d8 #d5d5d5 #b8b8b8; border-radius: 5px; box-shadow: 0 1px 1px #dad7d7;position:absolute;} .comment-content{right: 10px;} .comment-content .top{border-bottom: dotted 1px #ccc;padding: 5px 0;margin-bottom: 10px;} .consult-a{margin-top: 20px;} .consult-a .consult-content{right: 107px; top:0;left:auto;} .consult-a .head{margin-left:auto;margin-right: 0;text-align: right;overflow: hidden;} .consult-a .head img{margin-left:auto;margin-right: 0;} .consult-a .head .arrow {border-color: rgba(0, 0, 0, 0) #d5d5d5; color: #d5d5d5; border-width: 8px 0 8px 12px;left: auto; right: 95px; margin-top: 20px; top: 0; z-index: 1000} .consult-a .head .arrow b {border-color: rgba(0, 0, 0, 0) #259bfd; color: #259bfd; border-width: 8px 0 8px 12px; margin-top: -8px; right: 2px; left: auto; } .consult-a .head .arrow b,.consult-a .head .arrow{border-style: dashed dashed dashed solid; font-size: 0; line-height: 0; position: absolute;} .consult-a .consult-content{background: #259bfd;color: #fff;left:108px;} .comment-score{width:120px;height: 120px;border-radius: 100%;border: 1px #999 dashed; background: #FFF7EE;} .comment-score .circle{padding-left: 10px;height:52px;font-size: 40px; color: #548325; display: block; font-style: normal; font-family: Arial; line-height: 50px; padding-top: 10px; border-bottom: 1px #ccc solid;margin-bottom: 15px;} .comment-list .comment-top{position: relative;height: 160px;overflow: hidden;} .comment-list .comment-top li{float: left;} .comment-list .comment-top li.comment-grade {margin-left:20px;width: 200px; padding: 10px 15px; border-right: dotted 1px #999; } .comment-list .comment-top li.comment-action {float: right;padding-top: 20px;} .comment-percent dt{float: left; width: 30px; line-height: 26px;display: block;} .comment-percent dd.bar{float:left;width: 135px; background: #ccc; text-align: left;display: block; margin-top: 6px; height: 13px;} .comment-percent dd.bar i{display: block; height: 13px;background: #fc0000;} .comment-percent dd.percent{float: left; width: 30px; line-height: 26px; text-align: right;} #selector{margin-left: 12.5px;} #selector a.select{background: #f1f1f1;color: #268026;} #selector .attr{padding: 8px 12px;border-bottom: #ccc 1px dotted;} #selector .attr .attr-key{float: left; font-weight: 700;width: 80px;text-align: right;} #selector .attr .attr-value a{display:block;float: left;position: relative;padding: 2px 25px 2px 3px; } #selector .attr .attr-value a.select i{display: inline-block;background: url(../images/icons.png);width: 25px;height: 25px;background-position: -25px -50px;position: absolute;top:-2px;right: 0;} #selector .attr .attr-value a.select:hover i{background-position: -25px -25px;} .sort-bar a,.sort-bar span{display: block;float: left;padding: 4px 10px; border: #ccc 1px solid;margin-right: 5px;} .sort-bar a:hover{color: #ae0000} .sort-bar a.current,.sort-bar a.current-2{background: #ae0000;color: #fff;padding-right: 20px;position: relative;} .sort-bar a.current i,.sort-bar a.current-2 i{background:url(../images/icon.png);display: inline-block; position: absolute; top: 8px; right: 8px; width: 9px; height: 11px; overflow: hidden; font-size: 0px;background-position: -200px -3px;} .sort-bar a.current-2 i{background-position: -200px -15px;} .sort-bar span{border: none;} /**.sidebar h2{background:#797F8A;color: #F7F7F7;}**/ .sidebar .box{overflow: visible;} .sidebar .menu-list{border-bottom:#ddd 1px solid;} .sidebar .menu-list a{display: block;padding-left: 10px;line-height: 28px;height: 28px; position: relative;} .sidebar .menu-list a .l-triangle;{display: none;} .sidebar .menu-list a.current,.sidebar .menu-list a:hover{background: #797F8A;color: #fff;border-left:5px solid #555;} .sidebar .menu-list a:hover{background: #ccc;border-left:5px solid #999;} .sidebar .menu-list a.current .l-triangle{border-width: 14px;top:0;right:-28px;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #797F8A; color: #797F8A;display: block;} .sidebar .menu-list a:hover .l-triangle{border-width: 14px;top:0;right:-28px;border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #cccccc; color: #cccccc;display: block;} .list-item p{color: #454545; line-height: 23px; padding-left: 20px;} .order-total{background: #eee;} .order-total p{line-height: 23px;text-align: right; font-size: 14px;} .order-total .total{font-size: 18px; font-weight: 700} .order-total .total b{font-size: 24px; font-weight: 700;color: red;} table.attention td{padding: 4px 8px;} .order-status .title{background: #f7f7f7; padding: 10px;border-bottom: #ddd 1px solid;} .order-status .title b{padding-left: 10px;} .order-status p{padding-left:20px;line-height: 28px;height: 28px;}